/*轮播图 开始*/
/*.main_banner {*/
    /*width: 100%;*/
    /*height: 606px;*/
    /*overflow: hidden;*/
    /*padding-top: 10%;*/
    /*margin-top: 2%;*/
    /*zoom: .9;*/
    /*background: url(../../images/website/page3-sanall.png) no-repeat 0 0;*/
    /*background-size: 100% auto;*/
/*}*/
/*.main_banner_wrap {*/
    /*zoom: .8;*/
    /*position: absolute;*/
    /*left: 0;*/
    /*width: 100%;*/
    /*bottom: 10px;*/
/*}*/
/*.main_banner:after {*/
    /*content: '';*/
/*}*/
/*.main_banner_wrap{*/
/*width:1180px; height:375px;*/
/*position:relative; background:#112233*//**//*333D46*//**//*;*/
/*margin:0 auto; overflow:hidden;  *//**//*box-shadow: 0px 1px 2px #c5c5c5;*/
/*}*/
/*#myCanvas {*/
    /*position: absolute;*/
    /*z-index: 13;*/
    /*opacity: 0.8;*/
    /*cursor: pointer;*/
    /*-webkit-animation: roll 3s;*/
    /*animation: roll 3s;*/
/*}*/

/*@-webkit-keyframes roll {*/
    /*from {*/
        /*-webkit-transform: rotate(120deg);*/
        /*opacity: 0;*/
    /*}*/
    /*to {*/
        /*-webkit-transform: rotate(0deg);*/
        /*opacity: 0.8;*/
    /*}*/
/*}*/

/*@keyframes roll {*/
    /*from {*/
        /*transform: rotate(120deg);*/
        /*opacity: 0;*/
    /*}*/
    /*to {*/
        /*transform: rotate(0deg);*/
        /*opacity: 0.8;*/
    /*}*/
/*}*/

/*.banner_btn {*/
    /*a 标签 按钮*/
    /*width: 255px;*/
    /*height: 240px;*/
    /*position: absolute;*/
    /*display: block;*/
    /*z-index: 9;*/
    /*top: 20px;*/
/*}*/

/*.btn_next {*/
    /*right: 20px;*/
/*}*/

/*.banner_btn span {*/
    /*width: 50px;*/
    /*height: 100px;*/
    /*display: block;*/
    /*position: absolute;*/
    /*left: 110px;*/
    /*top: 70px;*/
    /*opacity: 0;*/
    /*transition: 0.5s;*/
    /*background: url(../images/bannerBtn.png) no-repeat 0 0;*/
/*}*/

/*.btn_next span {*/
    /*background-position: -50px 0;*/
/*}*/

/*.main_banner_box:hover .banner_btn_arrow {*/
    /*opacity: 0.6;*/
/*}*/

/*.banner_btn span i {*/
    /*width: 50px;*/
    /*height: 100px;*/
    /*display: block;*/
    /*background: url(../images/bannerBtn.png) no-repeat 0 0;*/
/*}*/

/*.btn_next span i {*/
    /*background-position: -50px 0;*/
/*}*/

/*.banner_btn:hover i {*/
    /*-webkit-animation: arrow 0.5s infinite alternate ease-in-out;*/
    /*-moz-animation: arrow 0.5s infinite alternate ease-in-out;*/
/*}*/

/*@-webkit-keyframes arrow {*/
    /*from {*/
        /*-webkit-transform: scale(1);*/
        /*opacity: 1;*/
    /*}*/
    /*to {*/
        /*-webkit-transform: scale(1.5);*/
        /*opacity: 0.2;*/
    /*}*/
/*}*/

/*@-moz-keyframes arrow {*/
    /*from {*/
        /*-moz-transform: scale(1);*/
        /*opacity: 1;*/
    /*}*/
    /*to {*/
        /*-moz-transform: scale(1.5);*/
        /*opacity: 0.2;*/
    /*}*/
/*}*/

/*.main_banner_box {*/
    /*width: 933px;*/
    /*height: 500px;*/
    /*margin: 40px auto 0;*/
    /*position: relative;*/
    /*z-index: 0;*/
    /*-webkit-倒影样式*/
    /*-webkit-box-reflect: below 0 -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .2) 100%);*/
/*}*/

/*.main_banner li {*/
    /*position: absolute;*/
    /*overflow: hidden;*/
/*}*/

/*给每张图片初始设置不同宽高，层级，位置*/
/*.main_banner li#imgCard0 {*/
    /*width: 389px;*/
    /*height: 732px;*/
    /*z-index: 5;*/
    /*left: 300px;*/
    /*top: -100px;*/
    /*opacity: 1;*/
    /*background:#333d46;*/
/*}*/

/*.main_banner li#imgCard1 {*/
    /*width: 389px;*/
    /*height: 732px;*/
    /*z-index: 1;*/
    /*left: 600px;*/
    /*top: 20px;*/
    /*opacity: 1;*/
    /*background:#333d46;*/
/*}*/

/*.main_banner li#imgCard2 {*/
    /*初始在背后，透明度为0*/
    /*width: 389px;*/
    /*height: 732px;*/
    /*z-index: 1;*/
    /*left: 0px;*/
    /*top: 60px;*/
    /*opacity: 0;*/
    /*background:#333d46;*/
/*}*/

/*.main_banner li#imgCard3 {*/
    /*初始在背后，透明度为0*/
    /*width: 389px;*/
    /*height: 732px;*/
    /*z-index: 1;*/
    /*left: 0px;*/
    /*top: 60px;*/
    /*opacity: 0;*/
    /*background:#333d46;*/
/*}*/

/*.main_banner li#imgCard4 {*/
    /*width: 389px;*/
    /*height: 732px;*/
    /*z-index: 2;*/
    /*left: 0px;*/
    /*top: 20px;*/
    /*opacity: 1;*/
    /*background:#333d46;*/
/*}*/

/*.main_banner li img {*/
    /*width: 100%;*/
    /*height: 100%;*/
/*}*/

/*轮播图 结束*/
@media screen and (max-width: 1680px) and (max-height: 945px) {
    /*.w1000, .page4-explain {*/
        /*zoom: .84;*/
    /*}*/
    /*.footer .w1000 {*/
        /*zoom: .9;*/
    /*}*/
    .main_banner_wrap{ zoom: .9; }
}
@media screen and (max-width: 1400px) {
    .header{
        height: 60px;
        line-height: 60px;
    }
    .page1-con { top: 60px; }
    .w1200{ width: 1100px; }
    .w1000{ width: 1100px; }
    .header-logo {
        width: 83px;
        height: auto;
        margin-top: 7px;
        margin-right: 14px;
    }
    .page1-code2{
        margin-left: 152px;
    }
    .header-title{
        font-size: 24px;
        margin-left: 8px;
    }

    .header-menu li a {
        font-size: 16px;
    }

    .header-menu li {
        margin-left: 23px;
    }

    .header-menu {
        margin-right: 100px;
    }

    .btn-login {
        margin-top: 17px;
        margin-left: 0;
        margin-right: 20px;
    }

    /*.page1-left img:first-child{*/
        /*width: 443px;*/
    /*}*/
    /*.page1-left img:nth-child(2){*/
        /*width: 130px;*/
    /*}*/
    /*.page1-left img:nth-child(3){*/
        /*width: 130px;*/
    /*}*/
    /*.shake-iphone {*/
        /*height: 492px;*/
        /*width: 249px;*/
    /*}*/
    /*.right-san img:nth-child(2) {*/
        /*right: -397px;*/
        /*width: 188px;*/
    /*}*/
    /*.right-san img:nth-child(1) {*/
        /*left: -124px;*/
        /*top: -72px;*/
        /*width: 173px;*/
    /*}*/
    /*.page1-left{*/
        /*margin-top: 11%;*/
        /*margin-left: 40px;*/
    /*}*/
    /*.page1-right{*/
        /*padding-left: 120px;*/
        /*padding-right: 120px;*/
        /*padding-top: 83px;*/
        /*margin-right: 100px;*/
        /*margin-top: 10px;*/
        /*background: url("../../images/website/page1-san.jpg") no-repeat;*/
        /*background-size: 100% auto;*/
    /*}*/
    /*.page2-left img:nth-child(1) {*/
        /*width: 416px;*/
    /*}*/
    /*.page2-left img:nth-child(2) {*/
        /*width: 200px;*/
        /*margin-left: 40px;*/
    /*}*/
    /*.page2-explain li{*/
        /*width: 420px;*/
        /*margin-bottom: 12px;*/
        /*padding-top: 12px;*/
        /*padding-bottom: 12px;*/
    /*}*/
    /*.explain-desc h3{*/
        /*font-size: 21px;*/
    /*}*/
    /*.explain-desc p{*/
        /*font-size: 18px;*/
    /*}*/
    /*.explain-img{*/
        /*margin-left: 30px;*/
        /*height: 70px;*/
        /*width: 70px;*/
        /*margin-right: 21px;*/
     /*}*/
    /*.page-title{ font-size: 36px;margin-top: 106px; }*/
    /*.page-title-group{ width: 992px;margin: auto;margin-top: 95px;height: 92px;margin-bottom: 10px; }*/
    /*.page-title-group .page-title{ margin-top: 0; }*/
    /*.page-title2{ font-size: 24px; }*/
    /*.page2-left img:nth-child(2) {*/
        /*zoom: 0.85;*/
    /*}*/

    .page2-explain {
        margin-right: 150px;
        margin-top: 100px;
    }

    .main_banner {
        padding-top: 126px;
        height: 335px;
    }
    .main_banner_wrap{
        zoom: .7;
        position: absolute;
        left: 0;
        width: 100%;
        bottom: 52px;
    }
    .page4-explain{
       zoom: .7;
        margin-top: 12px;
    }
    .page5-list{
        padding-top: 4%;
    }
    .page5-list .slider-hover {
        position: absolute;
        top: -21px;
        margin-left: 33px;
        width: 120px;
        height: 36px;
        line-height: 36px;
        border: solid 1px #2a9afc;
        font-size: 17px;
    }
    .page5-list .slider-hover2 {
        margin-left: 229px;
    }
    .page5-list .slider-hover3 {
        margin-left: 424px;
    }
    .page5-list .slider-hover4 {
        margin-left: 621px;
    }
    /*.slider-active .slider-hover:after {*/
        /*bottom: -9px;*/
        /*margin-left: -8px;*/
        /*border-left: 8px solid transparent;*/
        /*border-right: 8px solid transparent;*/
        /*border-top: 8px solid #2a9afc;*/
    /*}*/
    .page5-list img{ width: 776px;height: auto; }
    .page5-list{ width: 776px;margin: auto;margin-top: 41px; }
    .page6-list{  margin-bottom: 100px; }
    .header-menu li:hover a {
        color: #2a9afc;
        font-size: 20px;
    }
    .page7-list1 {
        margin-left: 119px;
    }
    .page7-list2 {
        margin-left: 198px;
    }
    .page7-list3 {
        margin-left: 182px;
    }
    /*.footer .w1000 {*/
        /*zoom: .9;*/
    /*}*/
}
@media screen and (max-width: 1400px) and (min-width: 1280px) {
    .w1000{ height: 600px; }
    .footer .w1000{ height: auto; }
    .explain-desc h3 {
        font-size: 18px;
    }
    .explain-desc p {
        font-size: 15px;
        margin-top: 3px;
    }
    .explain-img {
        margin-left: 17px;
        height: 58px;
        width: 58px;
        margin-right: 14px;
    }
}
@media screen and (max-width: 1280px) and (min-width: 1024px){
    .w1000{ width: 1100px;height: 584px; }
    .w1200 {
        width: 1067px;
    }
    .header-menu {
        margin-right: 34px;
    }
    .shake-iphone {
        height: 434px;
        width: 220px;
    }
    .page1-left img:first-child {
        width: 407px;
    }
    .page1-left img:nth-child(2) {
        width: 118px;
    }.page1-left img:nth-child(3) {
         width: 118px;
     }

    .page2-left img:nth-child(1) {
        width: 382px;
    }
    .page2-left img:nth-child(2) {
        width: 177px;
    }
    .explain-desc h3 {
        font-size: 18px;
    }
    .explain-desc p {
         font-size: 15px;
        margin-top: 3px;
     }
    .explain-img {
        margin-left: 17px;
        height: 58px;
        width: 58px;
        margin-right: 14px;
    }
    .page2-explain{ margin-right: 120px; }
    .page-title {
        font-size: 32px;
    }
    .page-title2 {
        font-size: 18px;
    }
    .page-title{ margin-bottom: 8px; }
    .main_banner{ margin-top: 0; }
    .main_banner_wrap{ bottom: 9px; }
    .page7-list1 {
        margin-left: 138px;
    }
    .page6-list li img {
        display: block;
        width: 166px;
        height: 166px;
    }
    .page6-list li p {
        padding-top: 18%;
        font-size: 17px;
    }
    .page6-list{ width:932px;padding-left:67px;margin: auto;margin-top: 104px;margin-bottom: 0 }
    .page6-list li{ margin-left: 67px; }
    .footer .w1000{ height: auto; }
    .header-desc{ font-size: 16px; }
}
@media screen and (max-width: 1024px) {
    .w1000{ width: 1000px;height: 574px; }
    .page1-right{ margin-left: 0;margin-right: 0; }
    .page1-left img:first-child {
        width: 370px;
    }
    .page7-list1 {
        margin-left: 170px;
    }
    .page7-list3 {
        margin-left: 162px;
    }
    .page7-list2 {
        margin-left: 209px;
    }
    .page7-list2 a:hover{ color: #000; }
    /*.copyright{ zoom: .8; }*/
    .page7-list2 .p1 {
        margin-bottom: 23px;
    }
    .page7-list2 p { margin-bottom: 13px;}
    .page2-left img:nth-child(1) {
        width: 368px;
    }
    .page2-left img:nth-child(2) {
        width: 170px;}

    .explain-desc p {
        font-size: 14px;
        margin-top: 5px;
    }
    .explain-desc h3 {
        font-size: 18px;
    }
    .explain-img {
        margin-left: 18px;
        height: 54px;
        width: 54px;
        margin-right: 15px;
    }
    .page2-explain li {
        width: 381px;
        margin-bottom: 14px;
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .page2-explain {
        margin-right: 100px;
        margin-top: 100px;
    }
    .page2-left {
        margin-top: 108px;
    }
    .main_banner_wrap {
        zoom: .66;}
    .page-title {
        font-size: 28px;
        margin-bottom: 4px;}
    .page-title2 {
        font-size: 18px;
    }
    .page-title-group {
        margin-top: 94px;
        height: 74px;
    }
    .page-title-group .page5-title {
        text-indent: 100px;
    }
    .page-title-group .page5-title2 {
        text-indent: 100px;
    }
    .page5-list { margin-top: 41px; }
    .page5-list .slider-hover {
        top: -17px;
        margin-left: 44px;
        width: 100px;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
    }
    /*.slider-active .slider-hover:after {*/
        /*bottom: -7px;*/
        /*margin-left: -6px;*/
        /*border-left: 6px solid transparent;*/
        /*border-right: 6px solid transparent;*/
        /*border-top: 6px solid #2a9afc;*/
    /*}*/
    /*.page5-list .slider-hover2 {*/
        /*margin-left: 239px;*/
    /*}*/
    /*.page5-list .slider-hover3 {*/
        /*margin-left: 435px;*/
    /*}*/
    /*.page5-list .slider-hover4 {*/
        /*margin-left: 630px;*/
    /*}*/
    .page6-list li img {
        display: block;
        width: 150px;
        height: 150px;
    }
    .page6-list li {
        margin-left: 50px;
    }
    .page6-list li p {
        padding-top: 16%;
        font-size: 15px;
    }
    .page6-list {
        width: 800px;
        margin: auto;
        margin-top: 121px;
        margin-bottom: 0;
        padding-right: 50px;
    }
    .page7-list2 {
        margin-left: 162px;
    }
    .footer .w1000{ height: auto; }
    .header-menu li a {
        font-size: 14px;
    }
    .header-menu li {
        margin-left: 18px;
    }
    .w1200 {
        width: 900px;
    }
    .header-logo {
        width: 73px;
        height: auto;
        margin-top: 10px;
        margin-right: 9px;
        margin-left: 10px;
    }
    .header-title {
        font-size: 20px;}
    .header-desc {
        margin-left: 7px;
        font-size: 14px;
    }
    .btn-login {
        margin-top: 18px;
        margin-right: 26px;
        height: 26px;
        width: 52px;
        line-height: 26px;
        font-size: 14px;
    }
    .header-menu {
        margin-right: 28px;
    }
    .header-menu li:hover a {
        color: #2a9afc;
        font-size: 16px;
    }
    .page7-list1 {
        margin-left: 146px;
    }
}/*--1024 end---*/
.clear {
    clear: both;
}
/*.page2-left .page2-title{ display: none; }*/
/*.page2-left .page2-logo{ display: none; }*/
/*.page1-left img:first-child{ display: none;}*/
/*.page1-btn1{ display: none;}*/
/*.page1-btn2{ display: none;}*/
/*.page1-right{ display: none;}*/
/*.page3-title{ display: none;}*/
/*.page3-title2{ display: none;}*/
/*.page4-title{ display: none}*/
/*.page4-title2-an{display: none;}*/
/*.page5-title{opacity: 0}*/
/*.page5-title2{opacity: 0}*/
/*.page6-title{opacity: 0}*/
/*.page6-title2{opacity: 0}*/
/*.page6-list li{display: none;}*/
/*.main_banner{ visibility: hidden;}*/

